<template>
  <div>
    <div v-for="(item, index) in commentdata" :key="index">
      <el-card class="box-card" style="margin-top: 5px">
        <div slot="header" class="clearfix">
          <span style="font-weight: bold">面试评价</span>
          <el-tag style="float: right">{{ item.name }}</el-tag>
        </div>
        <el-form label-position="top">
          <el-form-item style="margin-top: -10px">
            <span class="demonstration">面试评分</span>
            <el-rate v-model="item.score" disabled show-score> </el-rate>
          </el-form-item>
          <el-form-item label="面试结果" style="margin-top: -10px">
            <el-select v-model="item.isagree" disabled>
              <el-option label="同意" value="同意"></el-option>
              <el-option label="不同意" value="不同意"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item style="margin-top: -10px">
            <span style="margin-left: 5px" class="demonstration">面试意见</span>
            <el-input
              type="textarea"
              :autosize="{ minRows: 3, maxRows: 4 }"
              :disabled="true"
              v-model="item.comment"
            ></el-input>
          </el-form-item>
        </el-form>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  props: ["commentdata"],
};
</script>

<style lang="scss" scoped>
</style>